<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小米闪购 - 小米商城</title>
    <link rel="icon" href="favicon.ico">
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <link rel="stylesheet" href="css/iconfont.css" type="text/css">
</head>
<body>
    <div class="topbar">
        <div class="container">
            <div class="topbar-nav">
                <a href="">小米商城</a><span>|</span>
                <a href="">MIUI</a><span>|</span>
                <a href="">IoT</a><span>|</span>
                <a href="">云服务</a><span>|</span>
                <a href="">金融</a><span>|</span>
                <a href="">有品</a><span>|</span>
                <a href="">小爱开放平台</a><span>|</span>
                <a href="">政企服务</a><span>|</span>
                <a href="">Select Region</a>
            </div>
            <div class="topbar-cart">
                <a href=""><i class="iconfont">&#xe60c</i>购物车<span>（0）</span></a>
            </div>
            <div class="topbar-info clearfix">
                <a href="">登录</a></a><span>|</span>
                <a href="">注册</a></a><span>|</span>
                <a href="" class="sep">消息通知</a></a>
            </div>
        </div>
    </div>
    <div class="header">
        <div class="container">
            <div class="header-logo">
                <a href="#" class="lr">小米官网</a>
            </div>
            <div class="header-nav">
                <ul class="nav-list clearfix">
                    <li class="nav-category">
                        <a href="">全部商品分类</a>
                    </li>
                    <li class="nav-item">
                        <a href="">小米手机</a>
                    </li>
                    <li class="nav-item">
                        <a href="">Redmi 红米</a>
                    </li>
                    <li class="nav-item">
                        <a href="">电视</a>
                    </li>
                    <li class="nav-item">
                        <a href="">笔记本</a>
                    </li>
                    <li class="nav-item">
                        <a href="">路由器</a>
                    </li>
                    <li class="nav-item">
                        <a href="">智能硬件</a>
                    </li>
                    <li class="nav-item">
                        <a href="">服务</a>
                    </li>
                    <li class="nav-item">
                        <a href="">社区</a>
                    </li>
                </ul>


            </div>
            <div class="header-search">
                <form action="" class="search-form">
                    <input type="search" name="keyword" class="search-text">
                    <input type="submit" value="&#xe616" class="search-btn iconfont">
                </form>
            </div>
        </div>
    </div>
    <div class="seckill">
        <div class="seckill-head"></div>
        <div class="container">
            <div id="seckillNav" class="seckill-nav">
                <ul id="tabs">
                    <li class="active"><em>18:00</em><span><em>即将开始<br/>距开始 01：25：15</em></span></li>
                    <li><em>20:00</em><span>即将开始</span></li>
                    <li><em>22:00</em><span>即将开始</span></li>
                    <li><em>00:00</em><span>即将开始</span></li>
                    <li><em>08:00</em><span>即将开始</span></li>
                </ul>
            </div>
            <div class="seckill-goods" id="lists">
                <ul class="clearfix active">
                    <li>
                        <div class="bg">
                            <img src="img/1.png">
                        </div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg">
                            <img src="img/1.png">
                        </div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg">
                            <img src="img/1.png">
                        </div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg">
                            <img src="img/1.png">
                        </div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg">
                            <img src="img/1.png">
                        </div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg">
                            <img src="img/1.png">
                        </div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                </ul>
                <ul class="clearfix">
                    <li>
                        <div class="bg">
                            <img src="img/2.png">
                        </div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                </ul>
                <ul class="clearfix">
                    <li>
                        <div class="bg">
                            <img src="img/3.png">
                        </div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                </ul>
                <ul class="clearfix">
                    <li>
                        <div class="bg">
                            <img src="img/1.png">
                        </div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                </ul>
                <ul class="clearfix">
                    <li>
                        <div class="bg">
                            <img src="img/1.png">
                        </div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                </ul>
                <p class="seckill-notice">*小米秒杀活动规则：<br/>
                    1.秒杀商品是否参加活动、最终秒杀成功的商品，以订单结算页显示为准，活动包括但不限于优惠券、赠品、满减、满赠等；<br/>
                    2.秒杀商品数量有限，活动以下单支付成功为准，请加入购物车后尽快下单支付;<br/>
                    3.秒杀价不含运费，最终以订单结算页价格为准；<br/>
                    4.订单中商品的数量、颜色、型号等，以订单结算页为准。<br/>
                    温馨提示：因可能存在系统缓存、页面更新导致价格变动异常等不确定性情况出现，如您发现活动商品标价或促销信息有异常，请您立即联系小米客服，以便我们及时补正。</p>
            </div>
        </div>
    </div>
    <script src="js/index.js"></script>
</body>
</html>